@extends('admin.layouts.main')
@section('content')
    <section class="vbox">
        <header class="header bg-white b-b clearfix">
            <form class="talbe-search form-inline" method="post" action="/api/Page/list">
                <div class="row m-t-sm">
                    <div class="col-sm-8">
                        <a href="add_activity.html" class="btn btn-sm btn-default m-r"><i class="fa fa-plus m-r-xs"></i>添加活动</a>
                    </div>
                    <div class="col-sm-4 m-b-xs">
                        <div class="input-group">
                            <div class="input-group-btn">
                                <button class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
                                    <span class="dropdown-label">活动名称</span>
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu dropdown-select">
                                    <li class="active">
                                        <a href="#">
                                            <input type="radio" value="0" name="searchBy" />活动名称
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <input type="text" class="input-sm form-control" name="keyword" data-rule-required="true" placeholder="输入活动名称" />
                                <span class="input-group-btn">
                                    <button class="btn btn-sm btn-default" type="submit" title="搜索">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </span>
                        </div>
                    </div>

                </div>
            </form>
        </header>

        <section class="scrollable wrapper w-f">
            <section class="panel panel-default ">
                <div class="table-responsive">
                    <table class="table table-striped m-b-none">
                        <thead>
                        <tr>
                            <th class="th-sortable">活动ID</th>
                            <th class="th-sortable">创建人</th>
                            <th class="th-sortable">活动名称</th>
                            <th class="th-sortable">活动时间</th>
                            <th class="th-sortable">创建时间</th>
                            <th class="th-sortable">类目范围</th>
                            <th style="text-align:center;">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>1</td>
                            <td>王君</td>
                            <td>双11促销</td>
                            <td>2015.11.01-2015.11.11</td>
                            <td>2015.11.01-2015.11.11</td>
                            <td>美妆</td>
                            <td style="text-align:center;">
                                <a href="add_activity.html" class="m-xs" title="编辑">
                                    <i class="fa fa-edit text-muted"></i>
                                </a>

                                <a href="/api/Form/ajaxRemove/1" data-toggle="ajaxRemove" data-msg="确定关闭吗？" class="m-xs" title="关闭">
                                    <i class="fa fa-trash-o text-muted"></i>
                                </a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </section>
        </section>
        <footer class="footer bg-white b-t">
            <div class="row text-center-xs">
                <div class="col-md-6 hidden-sm">
                    <p class="text-muted m-t">总共321条 当前为第1页</p>
                </div>
                <div class="col-md-6 col-sm-12 text-right text-center-xs">
                    <ul class="pagination pagination-sm m-t-sm m-b-none" data-pages-total="20" data-page-current="1"></ul>
                </div>
            </div>
        </footer>

    </section>
    <script type="text/javascript">
        seajs.use(["dist/application/app.js","dist/distribution/init.js"])
    </script>
@endsection